body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,nav,header { margin:0; padding:0; outline: none; }
ol,ul { list-style:none; }
body, html { font-size:14px; height:100%; 	}
/*body{ background-color: white; }*/
body{ color: #333; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
a {  text-decoration:none; font-weight: normal; }
img { border:none; vertical-align: middle; }
table { border-collapse:collapse; }
samll{ font-size:30%; }
th,td{/*  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; max-width:600px; */ }

#log{ position: fixed; left: 0 ; top: 0; padding: 10px; background-color: red; color: white; }
		
.show{ display: block !important; }
.hide{ display: none !important; }
		
.hover{ opacity: .8; }

.row-nowrap{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;   }

.flex-wrap{ display: -webkit-box;	display: -webkit-flex;	display: flex; }
.flex-con{     -webkit-box-flex: 1;     -webkit-flex: 1;    flex: 1;}
.flex-tow{     -webkit-box-flex: 2;     -webkit-flex: 2;    flex: 2;}
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}

.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{content: '';  position: absolute;  left: 0;  top:0;  background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(0.5);  transform: scaleY(0.5); -webkit-transform-origin: 0 0;  transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }




.ic_default_avatar{ background-image:url(../img/ic_default_avatar.png); background-repeat: no-repeat !important;  }
.ic_arrow_left{ background-image:url(../img/ic_arrow_left.png) !important; background-repeat: no-repeat !important;  }